import React from 'react'
import {Outlet,NavLink} from "react-router-dom"
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';

function Index() {
   

    return (
        <div>
            <div className='demo-tabbar'>
                <Tabbar>
                    <Tabbar.Item icon={<HomeO />}><NavLink to='/index/home'>首页</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<Search />}><NavLink to='/index/fenlei'>分类</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<FriendsO />}><NavLink to='/index/huiyuan'>会员</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<SettingO />}><NavLink to='/index/shop'>购物车</NavLink></Tabbar.Item>
                    <Tabbar.Item icon={<SettingO />}><NavLink to='/index/main'>我的</NavLink></Tabbar.Item>
                </Tabbar>
            </div>
            <Outlet></Outlet>
        </div>
    )
}

export default Index